define([
    'return-visit-plan-modal',
    'look-visit',
    'call-back',
    'plan-return-visit',
    'resolution-time',
    'api',
    'edit-map',
    'get-current-time'
],function (returnVisitPlanModal,lookVisit,callBack,planReturnVisit,resolutionTime,api,editMap,getCurrentTime) {
    var privateResidenceModal = {
        name: 'private-residence-modal',
        components: {
            returnVisitPlanModal: returnVisitPlanModal,
            lookVisit: lookVisit,
            callBack: callBack,
            planReturnVisit: planReturnVisit
        },
        template: '' +
        '<div class="list-details" id="private"  v-cloak v-show="insideShow">' +
        '    <!--信息弹框盒子-->' +
        '    <div class="message-box draggable" style="width: 1100px;height: 577px">' +
        '        <!--切换-->' +
        '        <div class="maskWrap clearfix" >' +
        '            <!-- 房源资料展示-->' +
        '            <div id="privateShow" class="housing-modal-content" v-show="currentShowType !== 2">' +
        '                <h3>房源资料</h3>' +

        '    <ul class="addListings-ul" v-show="currentShowType === 1">' +
        '      <li>' +
        '        <h2>房源标题2</h2>' +
        '        <input type="text" class="listingsTitle" v-model="currentPrivateHomeInfo.title"></li>' +
        '      <li>' +
        '        <h2>行政区域</h2>' +
        '        <strong class="administrative input-share">' +
        '          <Cascader v-model="province" :data="data" filterable></Cascader>' +
        '        </strong>' +
        '        <h2>所属片区</h2>' +
        '        <strong class="cell-name input-share">' +
        '          <i-select placeholder="所属片区" v-model="currentPrivateHomeInfo.houseInfo.location">' +
        '            <i-option v-for="item in cell" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>详细地址</h2>' +
        '        <strong class="detailed-address">{{currentPrivateHomeInfo.houseInfo.address}}</strong></li>' +
        '      <li class="special-li" style="margin-bottom: 0px">' +
        '        <h3>楼栋座</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.buildingBlock"></strong>' +
        '        <h3>单元</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.unit"></strong>' +
        '        <h3>总层数</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.totalLayer"></strong>' +
        '        <h3>楼层数</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.floor"></strong>' +
        '        <h3>房号</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.room"></strong>' +
        '      </li>' +
        '      <li class="special-li">' +
        '        <h3 class="special-h">户型</h3>' +
        '        <input type="text" class="special-input" v-model="currentPrivateHomeInfo.doorInfo.room">' +
        '        <em>房</em>' +
        '        <input type="text" class="special-input" v-model="currentPrivateHomeInfo.doorInfo.living">' +
        '        <em>厅</em>' +
        '        <input type="text" class="special-input" v-model="currentPrivateHomeInfo.doorInfo.bathroom">' +
        '        <em>卫</em>' +
        '        <input type="text" class="special-input" v-model="currentPrivateHomeInfo.doorInfo.balcony">' +
        '        <em>阳</em>' +
        '        <h3 class="special-h">朝向</h3>' +
        '        <strong class="orientation">' +
        '          <i-select v-model="currentPrivateHomeInfo.doorInfo.orientation">' +
        '            <i-option v-for="item in orientationM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>建筑面积</h2>' +
        '        <strong class="input-left input-share">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.buildingArea"/></strong>' +
        '        <h2>套内面积</h2>' +
        '        <strong class="input-share">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.doorInfo.roomBuildingArea"/></strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>物业类型</h2>' +
        '        <strong class="input-left input-share">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.propertyType"/></strong>' +
        '        <h2>物业用途</h2>' +
        '        <strong class="input-share">' +
        '          <input type="text" v-model="currentPrivateHomeInfo.houseInfo.propertyUse"/></strong>' +
        '      </li>' +
        '      <li class="special-li special-li1">' +
        '        <h2>备注</h2>' +
        '        <input type="text" style="width: 79%;" class="special-input" v-model="currentPrivateHomeInfo.remark"></li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">房源编号</h3>' +
        '        <strong class="special-strong">{{currentPrivateHomeInfo.id}}</strong>' +
        '        <h3 class="special-h3">楼盘属性</h3>' +
        '        <strong class="special-strong2  wait" v-if="currentPrivateHomeInfo.isPrivate">私有楼盘</strong>' +
        '        <strong class="special-strong2  open" v-else>公开楼盘</strong>' +
        '        <h3 class="special-h3">发布状态</h3>' +
        '        <strong style="border-right: none;width: 20.678%;" class="special-strong2" :class="releaseStyle">{{releaseMsg}}</strong>' +
        '      <li>' +
        '        <h3 class="special-h3">售价</h3>' +
        '        <input type="text" class="indent10" v-model="currentPrivateHomeInfo.introPrice.price">' +
        '        <h3 class="unit-price">单价：总价/面积</h3>' +
        '        <h3 class="special-h3 package-h3">包税费</h3>' +
        '        <input type="text" class="package indent10" v-model="currentPrivateHomeInfo.introPrice.packageTax"></li>' +
        '      <li>' +
        '        <h3 class="special-h3">底价</h3>' +
        '        <input type="text" class="indent10" v-model="currentPrivateHomeInfo.introPrice.lowPrice">' +
        '        <h3 class="unit-price">单价：总价/面积</h3>' +
        '        <h3 class="special-h3 package-h3">原购价</h3>' +
        '        <input type="text" class="package indent10" v-model="currentPrivateHomeInfo.introPrice.originalPurchase"></li>' +
        '      <li class="special-li">' +
        '        <h3 class="special-h3">委托时间</h3>' +
        '        <strong class="entrust-time" style="border-right: none;">' +
        '          <Row>' +
        '            <Col span="12">' +
        '              <Date-picker type="date" v-model="currentPrivateHomeInfo.principal.delegateTime" placeholder="选择日期" placement="bottom-end"></Date-picker>' +
        '            </Col>' +
        '          </Row>' +
        '        </strong>' +
        '        <h3 class="special-h3">委托方式</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="currentPrivateHomeInfo.principal.commissionMode">' +
        '            <i-option v-for="item in commission" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">管理费</h3>' +
        '        <input type="text" class="package" v-model="currentPrivateHomeInfo.principal.managementFees"></li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">交付时间</h3>' +
        '        <strong class="entrust-time" style="border-right: none;">' +
        '          <Row>' +
        '            <Col span="12">' +
        '              <Date-picker type="date" v-model="currentPrivateHomeInfo.principal.deliveryTime" placeholder="选择日期" placement="bottom-end"></Date-picker>' +
        '            </Col>' +
        '          </Row>' +
        '        </strong>' +
        '        <h3 class="special-h3">委托编号</h3>' +
        '        <strong class="input-left delegate-number">{{currentPrivateHomeInfo.principal.delegateNumber}}</strong>' +
        '        <h3 class="special-h3 administration">来源</h3>' +
        '        <strong class="source" style="width: 21.81%;">' +
        '          <i-select v-model="currentPrivateHomeInfo.principal.source">' +
        '            <i-option v-for="item in sourceM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">装修等级</h3>' +
        '        <strong class="decoration-grade">' +
        '          <i-select v-model="currentPrivateHomeInfo.decorationInfo.decorationGrade">' +
        '            <i-option v-for="item in decoration" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">装修年限</h3>' +
        '        <strong class="decoration-years">' +
        '          <i-select v-model="currentPrivateHomeInfo.decorationInfo.decorationYears">' +
        '            <i-option v-for="item in years" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 style-h3">装修风格</h3>' +
        '        <strong class="decoration-style">' +
        '          <i-select v-model="currentPrivateHomeInfo.decorationInfo.decorationStyle">' +
        '            <i-option v-for="item in style" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h3 class="special-h3">产权</h3>' +
        '        <strong class="source payment">' +
        '          <i-select v-model="currentPrivateHomeInfo.housingConditions.propertyRight">' +
        '            <i-option v-for="item in property" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">证件</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="currentPrivateHomeInfo.housingConditions.certificates">' +
        '            <i-option v-for="item in certificatesM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">付款</h3>' +
        '        <strong class="source" style="width: 21.94%;">' +
        '          <i-select v-model="currentPrivateHomeInfo.principal.paymentMethod">' +
        '            <i-option v-for="item in paymentM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h3 class="special-h3">家电</h3>' +
        '        <strong class="source payment">' +
        '          <i-select v-model="currentPrivateHomeInfo.housingConditions.goods">' +
        '            <i-option v-for="item in electricM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">家具</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="currentPrivateHomeInfo.housingConditions.furniture">' +
        '            <i-option v-for="item in furnitureM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">付佣</h3>' +
        '        <strong class="source" style="width: 21.94%;">' +
        '          <i-select v-model="currentPrivateHomeInfo.principal.commission">' +
        '            <i-option v-for="item in pay" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <div class="h-m-c-btn">' +
        '        <a href="javascript:;" class="locking" @click="handleHouseToPrivate">锁定私盘</a>' +
        '        <button class="cancelHome" @click="handleCloseEdit">' +
        '          <i>' +
        '          </i>取消</button>' +
        '        <button class="comfirmHome" @click="handleSaveEditHouse">' +
        '          <i>' +
        '          </i>确认修改房源资料</button>' +
        '      </div>' +
        '    </ul>' +
        //    查看模式
        '                <ul class="addListings-ul" v-show="currentShowType === 0">' +
        '                    <li><h2>房源标题</h2><strong class="listingsTitle">{{currentPrivateHomeInfo.title}}</strong></li>' +
        '                    <li>' +
        '                        <h2>行政区域</h2>' +
        '                        <strong class="administrative input-share">' +
        '                            {{currentPrivateHomeInfo.houseInfo.city}} {{currentPrivateHomeInfo.houseInfo.area}}' +
        '                        </strong>' +
        '                        <h2>所属片区</h2>' +
        '                        <strong class="cell-name input-share">' +
        '                            {{currentPrivateHomeInfo.houseInfo.location}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h2>详细地址</h2>' +
        '                        <strong class="detailed-address">' +
        '                            {{currentPrivateHomeInfo.houseInfo.address}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li class="special-li"><h3>楼栋座</h3>' +
        '                        <strong class="building-block">' +
        '                            {{currentPrivateHomeInfo.houseInfo.buildingBlock}}' +
        '                        </strong>' +
        '                        <h3>单元</h3>' +
        '                        <strong class="unit">' +
        '                            {{currentPrivateHomeInfo.houseInfo.unit}}' +
        '                        </strong>' +
        '                        <h3>总层数</h3>' +
        '                        <h3 class="total">{{currentPrivateHomeInfo.houseInfo.totalLayer}}</h3>' +
        '                        <h3>楼层数</h3>' +
        '                        <strong class="floor-number">' +
        '                            {{currentPrivateHomeInfo.houseInfo.floor}}' +
        '                        </strong>' +
        '                        <h3>房号</h3>' +
        '                        <strong class="room-number">' +
        '                            {{currentPrivateHomeInfo.houseInfo.room}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li class="special-li">' +
        '                        <h3 class="special-h">户型</h3>' +
        '                        <strong class="special-strong1">{{currentPrivateHomeInfo.doorInfo.room}}</strong>' +
        '                        <em>房</em>' +
        '                        <strong class="special-strong1">{{currentPrivateHomeInfo.doorInfo.living}}</strong>' +
        '                        <em>厅</em>' +
        '                        <strong class="special-strong1">{{currentPrivateHomeInfo.doorInfo.bathroom}}</strong>' +
        '                        <em>卫</em>' +
        '                        <strong class="special-strong1">{{currentPrivateHomeInfo.doorInfo.balcony}}</strong>' +
        '                        <em>阳</em>' +
        '                        <h3 class="special-h special-chao ">朝向</h3>' +
        '                        <strong class="chaoxiang">' +
        '                            {{currentPrivateHomeInfo.doorInfo.orientation}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h2>建筑面积</h2>' +
        '                        <strong class="input-left input-share">' +
        '                            {{currentPrivateHomeInfo.houseInfo.buildingArea}}' +
        '                        </strong>' +
        '                        <h2>套内面积</h2>' +
        '                        <strong class="input-share">' +
        '                            {{currentPrivateHomeInfo.doorInfo.roomBuildingArea}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h2>物业类型</h2>' +
        '                        <strong class="input-left input-share">' +
        '                            {{currentPrivateHomeInfo.houseInfo.propertyType}}' +
        '                        </strong>' +
        '                        <h2>物业用途</h2>' +
        '                        <strong class="input-share">' +
        '                            {{currentPrivateHomeInfo.houseInfo.propertyUse}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li class="special-li special-li1">' +
        '                        <h2>备注</h2>' +
        '                        <strong>{{currentPrivateHomeInfo.remark}}</strong>' +
        '                    </li>' +
        '                    <li class="special-li special-li1">' +
        '                        <h3 class="special-h3">房源编号</h3>' +
        '                        <strong class="special-strong2">{{currentPrivateHomeInfo.id}}</strong>' +
        '                        <h3 class="special-h3">楼盘属性</h3>' +
        '                        <strong class="special-strong2  wait" v-if="currentPrivateHomeInfo.isPrivate">私有楼盘</strong>' +
        '                        <strong class="special-strong2  open" v-else>公开楼盘</strong>' +
        '                        <h3 class="special-h3">发布状态</h3>' +
        '                        <strong class="special-strong2" :class="releaseStyle">{{releaseMsg}}</strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h3 class="special-h3">售价</h3>' +
        '                        <strong class="price-long">{{currentPrivateHomeInfo.introPrice.price}}</strong>' +
        '                        <strong class="price-long priceB">{{currentPrivateHomeInfo.introPrice.price}}/m²</strong>' +
        '                        <h3 class="special-h3 package-h3">包税费</h3>' +
        '                        <strong>{{currentPrivateHomeInfo.introPrice.taxPackage}}</strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h3 class="special-h3">低价</h3>' +
        '                        <strong class="price-long">{{currentPrivateHomeInfo.introPrice.lowPrice}}</strong>' +
        '                        <strong class="price-long priceB">{{currentPrivateHomeInfo.introPrice.lowPrice}}/m²</strong>' +
        '                        <h3 class="special-h3 package-h3">原购价</h3>' +
        '                        <strong>{{currentPrivateHomeInfo.introPrice.originalPurchase}}</strong>' +
        '                    </li>' +
        '                    <li class="special-li">' +
        '                        <h3 class="special-h3">委托时间</h3>' +
        '                        <strong class="entrust-time">' +
        '                            {{currentPrivateHomeInfo.principal.delegateTime}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3">委托方式</h3>' +
        '                        <strong class="commission-mode">' +
        '                            {{currentPrivateHomeInfo.principal.commissionMode}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3 administration">管理费</h3>' +
        '                        <strong>{{currentPrivateHomeInfo.principal.managementFees}}</strong>' +
        '                    </li>' +
        '                    <li class="special-li special-li1">' +
        '                        <h3 class="special-h3">交付时间</h3>' +
        '                        <strong class="entrust-time">' +
        '                            {{currentPrivateHomeInfo.principal.deliveryTime}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3">委托编号</h3>' +
        '                        <strong class="input-left delegate-number">' +
        '                            {{currentPrivateHomeInfo.principal.delegateNumber}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3 administration">来源</h3>' +
        '                        <strong class="source">' +
        '                            {{currentPrivateHomeInfo.principal.source}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li class="special-li special-li1">' +
        '                        <h3 class="special-h3">装修等级</h3>' +
        '                        <strong class="decoration-grade">' +
        '                            {{currentPrivateHomeInfo.decorationInfo.decorationGrade}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3">装修年限</h3>' +
        '                        <strong class="decoration-years">' +
        '                            {{currentPrivateHomeInfo.decorationInfo.decorationYears}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3 style-h3">装修风格</h3>' +
        '                        <strong class="decoration-style">' +
        '                            {{currentPrivateHomeInfo.decorationInfo.decorationStyle}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h3 class="special-h3">产权</h3>' +
        '                        <strong class="source payment">' +
        '                            {{currentPrivateHomeInfo.housingConditions.propertyRight}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3">证件</h3>' +
        '                        <strong class="commission-mode">' +
        '                            {{currentPrivateHomeInfo.housingConditions.certificates}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3 administration">付款</h3>' +
        '                        <strong class="source">' +
        '                            {{currentPrivateHomeInfo.principal.paymentMethod}}' +
        '                        </strong>' +
        '                    </li>' +
        '                    <li>' +
        '                        <h3 class="special-h3">家电</h3>' +
        '                        <strong class="source payment">' +
        '                            {{currentPrivateHomeInfo.housingConditions.goods}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3">家具</h3>' +
        '                        <strong class="commission-mode">' +
        '                            {{currentPrivateHomeInfo.housingConditions.furniture}}' +
        '                        </strong>' +
        '                        <h3 class="special-h3 administration">付佣</h3>' +
        '                        <strong class="source">' +
        '                            {{currentPrivateHomeInfo.principal.commission}}%' +
        '                        </strong>' +
        '                    </li>' +
        '                </ul>' +
        '            </div>' +
        '            <!-- 添加房源输入-->' +
        '            <div id="privateEdit" class="housing-modal-content" v-show="currentShowType === 2">' +
        '                <strong class="newHousing">' +
        '                    <i-select placeholder="新增民宅" v-model="newHousing">' +
        '                        <i-option v-for="item in newHousingM" :key="item.value" :value="item.value">{{item.label}}' +
        '                        </i-option>' +
        '                    </i-select>' +
        '                </strong>' +
        '    <ul class="addListings-ul addNewHouseNum">' +
        '      <li>' +
        '        <h2>房源标题</h2>' +
        '        <input type="text" class="listingsTitle" v-model="addObj.title"></li>' +
        '      <li>' +
        '        <h2>行政区域</h2>' +
        '        <strong class="administrative input-share" style="border-right: 1px solid #EAEEEF;">' +
        '          <Cascader v-model="province" :data="data" filterable></Cascader>' +
        '        </strong>' +
        '        <h2>所属片区</h2>' +
        '        <strong class="cell-name input-share">' +
        '          <i-select placeholder="所属片区" v-model="addObj.houseInfo.location">' +
        '            <i-option v-for="item in cell" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>详细地址</h2>' +
        '        <input class="detailed-address garden-address" v-model="addObj.houseInfo.address" placeholder="街-详细地址"/></li>' +
        '      <li class="special-li" style="margin-bottom: 0px">' +
        '        <h3>楼栋座</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="addObj.houseInfo.buildingBlock"></strong>' +
        '        <h3>单元</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="addObj.houseInfo.unit"></strong>' +
        '        <h3>总层数</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="addObj.houseInfo.totalLayer"></strong>' +
        '        <h3>楼层数</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="addObj.houseInfo.floor"></strong>' +
        '        <h3>房号</h3>' +
        '        <strong class="specialInput">' +
        '          <input type="text" v-model="addObj.houseInfo.room"></strong>' +
        '      </li>' +
        '      <li class="special-li">' +
        '        <h3 class="special-h">户型</h3>' +
        '        <input type="text" class="special-input" v-model="addObj.doorInfo.room">' +
        '        <em>房</em>' +
        '        <input type="text" class="special-input" v-model="addObj.doorInfo.living">' +
        '        <em>厅</em>' +
        '        <input type="text" class="special-input" v-model="addObj.doorInfo.bathroom">' +
        '        <em>卫</em>' +
        '        <input type="text" class="special-input" v-model="addObj.doorInfo.balcony">' +
        '        <em>阳</em>' +
        '        <h3 class="special-h">朝向</h3>' +
        '        <strong class="orientation">' +
        '          <i-select v-model="addObj.doorInfo.orientation">' +
        '            <i-option v-for="item in orientationM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>建筑面积</h2>' +
        '        <strong class="input-left input-share">' +
        '          <input type="text" v-model="addObj.houseInfo.buildingArea"/></strong>' +
        '        <h2>套内面积</h2>' +
        '        <strong class="input-share">' +
        '          <input type="text" v-model="addObj.doorInfo.roomBuildingArea"/></strong>' +
        '      </li>' +
        '      <li>' +
        '        <h2>物业类型</h2>' +
        '        <strong class="input-left input-share">' +
        '          <input type="text" v-model="addObj.houseInfo.propertyType"/></strong>' +
        '        <h2>物业用途</h2>' +
        '        <strong class="input-share">' +
        '          <input type="text" v-model="addObj.houseInfo.propertyUse"/></strong>' +
        '      </li>' +
        '      <li class="special-li special-li1">' +
        '        <h2>备注</h2>' +
        '        <input type="text" style="width: 79%;" class="special-input"></li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">房源编号</h3>' +
        '        <strong class="special-strong">自动生成</strong>' +
        '        <h3 class="special-h3">楼盘属性</h3>' +
        '        <strong class="special-strong2 wait" v-if="addObj.isPrivate">私有楼盘</strong>' +
        '        <strong class="special-strong2 open" v-else>公开楼盘</strong>' +
        '        <h3 class="special-h3">发布状态</h3>' +
        '        <strong class="special-strong tijiao">待提交审核</strong></li>' +
        '      <li>' +
        '        <h3 class="special-h3">售价</h3>' +
        '        <input type="text" class="indent10" v-model="addObj.introPrice.price">' +
        '        <h3 class="unit-price">单价：总价/面积</h3>' +
        '        <h3 class="special-h3 package-h3">包税费</h3>' +
        '        <input type="text" class="package indent10" v-model="addObj.introPrice.packageTax"></li>' +
        '      <li>' +
        '        <h3 class="special-h3">底价</h3>' +
        '        <input type="text" class="indent10" v-model="addObj.introPrice.lowPrice">' +
        '        <h3 class="unit-price">单价：总价/面积</h3>' +
        '        <h3 class="special-h3 package-h3">原购价</h3>' +
        '        <input type="text" class="package vindent10" v-model="addObj.introPrice.originalPurchase"></li>' +
        '      <li class="special-li">' +
        '        <h3 class="special-h3">委托时间</h3>' +
        '        <strong class="entrust-time">' +
        '          <Row>' +
        '            <Col span="12">' +
        '              <Date-picker type="date" v-model="addObj.principal.delegateTime" placeholder="选择日期" placement="bottom-end"></Date-picker>' +
        '            </Col>' +
        '          </Row>' +
        '        </strong>' +
        '        <h3 class="special-h3">委托方式</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="addObj.principal.commissionMode">' +
        '            <i-option v-for="item in commission" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">管理费</h3>' +
        '        <input type="text" class="package" v-model="addObj.principal.managementFees"></li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">交付时间</h3>' +
        '        <strong class="entrust-time">' +
        '          <Row>' +
        '            <Col span="12">' +
        '              <Date-picker type="date" v-model="addObj.principal.deliveryTime" placeholder="选择日期" placement="bottom-end"></Date-picker>' +
        '            </Col>' +
        '          </Row>' +
        '        </strong>' +
        '        <h3 class="special-h3">委托编号</h3>' +
        '        <strong class="input-left delegate-number">自动获取</strong>' +
        '        <h3 class="special-h3 administration">来源</h3>' +
        '        <strong class="source" style="width: 21.81%;">' +
        '          <i-select v-model="addObj.principal.source">' +
        '            <i-option v-for="item in sourceM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li class="special-li special-li1">' +
        '        <h3 class="special-h3">装修等级</h3>' +
        '        <strong class="decoration-grade">' +
        '          <i-select v-model="addObj.decorationInfo.decorationGrade">' +
        '            <i-option v-for="item in decoration" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">装修年限</h3>' +
        '        <strong class="decoration-years">' +
        '          <i-select v-model="addObj.decorationInfo.decorationYears">' +
        '            <i-option v-for="item in years" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 style-h3" style="margin-left: 4px;width: 13.8%;border-left: 1px solid #EAEEEF;">装修风格</h3>' +
        '        <strong class="decoration-style">' +
        '          <i-select v-model="addObj.decorationInfo.decorationStyle">' +
        '            <i-option v-for="item in style" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h3 class="special-h3">产权</h3>' +
        '        <strong class="source payment">' +
        '          <i-select v-model="addObj.housingConditions.propertyRight">' +
        '            <i-option v-for="item in property" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">证件</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="addObj.housingConditions.certificates">' +
        '            <i-option v-for="item in certificatesM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">付款</h3>' +
        '        <strong class="source" style="width: 21.94%;">' +
        '          <i-select v-model="addObj.principal.paymentMethod">' +
        '            <i-option v-for="item in paymentM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <li>' +
        '        <h3 class="special-h3">家电</h3>' +
        '        <strong class="source payment">' +
        '          <i-select v-model="addObj.housingConditions.goods">' +
        '            <i-option v-for="item in electricM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3">家具</h3>' +
        '        <strong class="commission-mode">' +
        '          <i-select v-model="addObj.housingConditions.furniture">' +
        '            <i-option v-for="item in furnitureM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '        <h3 class="special-h3 administration">付佣</h3>' +
        '        <strong class="source" style="width: 21.94%;">' +
        '          <i-select v-model="addObj.principal.commission">' +
        '            <i-option v-for="item in pay" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '        </strong>' +
        '      </li>' +
        '      <div class="h-m-c-btn">' +
        '        <a href="#" class="locking" @click="handleHouseToPrivate">锁定私盘</a>' +
        '        <button class="cancelHome" @click="close">' +
        '          <i>' +
        '          </i>取消</button>' +
        '        <button class="comfirmHome" @click="handleSaveHouse">' +
        '          <i>' +
        '          </i>确认添加新房源</button>' +
        '      </div>' +
        '    </ul>' +
        '            </div>' +
        '            <div class="houseBtn" v-show="currentShowType === 0">' +
        '                <a href="javascript:;" class="locking">锁定私盘</a>' +
        '                <button class="addHouse" @click="addHouse"><i></i>添加新房源</button>' +
        '                <button class="editHouse" @click="editHouseInfo"><i></i>修改房源信息</button>' +
        '                <button  class="releaseHouse" @click="releaseHouse"><i></i>{{operationText}}</button>' +
        '            </div>' +
        '            <!--右边tab切换-->' +
        '            <div class="housing-modal-content-right">' +
        '               <div class="close">' +
        '                  <a href="javascript:;" class="clickBig"></a>' +
        '                  <a href="javascript:;" class="clickMin"></a>' +
        '                  <a href="javascript:;" class="clickClose" @click="close"></a>' +
        '               </div>' +
        '    <Tabs class="addHouseTab"  value="name1" @on-click="handleTabs" :animated="false" v-show="currentShowType === 2">' +
        '      <Tab-pane label="住宅明细" name="name1">' +
        '        <div class="housing-details">' +
        '          <ul>' +
        '            <li v-for="(item,index) in addObj.livingInDetails" :key="item.value">' +
        '              <h4>{{addObj.livingInDetails[index].key}}</h4>' +
        '              <input type="text" class="details-input" v-model="addObj.livingInDetails[index].value">' +
        '            </li>' +
        '          </ul>' +
        '        </div>' +
        '      </Tab-pane>' +
        '                    <Tab-pane  label="图片视频" name="name2">' +
        '                        <div class="pictureVideo">' +
        '                            <div class="listings-pictures">' +
        '                                <h5>房源图片</h5>' +
        '                                <div class="demo-upload-list" v-for="item in addUploadListA" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveA(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="addUploadA"' +
        '                                        :show-upload-list="false"' +
        '                                        :on-success="handleSuccessA"' +
        '                                        :data="requestData"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorA"' +
        '                                        :on-exceeded-size="handleMaxSizeA"' +
        '                                        :before-upload="handleBeforeUploadA"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                            <div class="listings-pictures">' +
        '                                <h5>360全景图片</h5>' +
        '                                <div class="demo-upload-list" v-for="item in addUploadListB" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveB(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="addUploadB"' +
        '                                        :data="requestData"' +
        '                                        :show-upload-list="false"' +
        '                                        :on-success="handleSuccessB"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorB"' +
        '                                        :on-exceeded-size="handleMaxSizeB"' +
        '                                        :before-upload="handleBeforeUploadB"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                            <div class="listings-pictures">' +
        '                                <h5>45秒短视频合成</h5>' +
        '                                <div class="demo-upload-list" v-for="item in addUploadListC" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveC(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="addUploadC"' +
        '                                        :data="requestData"' +
        '                                        :show-upload-list="false"' +
        '                                        :on-success="handleSuccessC"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorC"' +
        '                                        :on-exceeded-size="handleMaxSizeC"' +
        '                                        :before-upload="handleBeforeUploadC"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                        </div>' +
        '                    </Tab-pane>' +
        '      <Tab-pane label="业主信息" name="name3">' +
        '        <div class="owner-information">' +
        '          <div class="owner-information-top">' +
        '            <h5>业主信息</h5>' +
        '            <div class="information-box">' +
        '              <span class="head-portrait">' +
        '                <img src="../../images/head-portrait.png" alt=""></span>' +
        '              <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '              <div class="information-box-left">' +
        '                <div class="list-information">' +
        '                  <h4 class="spacing-h4 spacingName" style="margin-top: 3px;">姓名:</h4>' +
        '                  <input type="text" class="name-input" v-on:click="dropDown" v-model="addObj.ownerInformation.name"/>' +
        '                  <div class="xuanz"></div>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 style="margin-top: 2px;">房产证 ：</h4>' +
        '                  <strong class="house-property">' +
        '                    <i-select v-model="addObj.ownerInformation.propertyOwnershipCertificate">' +
        '                      <i-option v-for="item in house" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                  </strong>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.mainPhone"/>' +
        '                    <em class="add-to" style="display: inline" v-show="addObj.ownerInformation.mainPhone" @click="addPhone(0,0)"></em>' +
        '                  </p>' +
        '                  <div class="addPhone" v-for="(item,index) in addObj.ownerInformation.otherPhone" :key="item">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p class="addPhoneBtm">' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.otherPhone[index]"/>' +
        '                    <em class="del-to" style="display: inline" @click="delPhone(index,0,0)"></em>' +
        '                  </p>' +
        '                   </div>' +
        '                  </p>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="wechat">微信：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.WeChat"></p>' +
        '                </div>' +
        '              </div>' +
        '              <!-- &lt;!&ndash;右边&ndash;&gt;-->' +
        '              <div class="information-box-right">' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 spacing-h4 spacingName" style="margin: 4px 0;">关系:</h4>' +
        '                  <h4 style="margin-top: 5px;">本人</h4></div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 spacing-h4 spacingName" style="margin-top: 2px;">国籍:</h4>' +
        '                  <strong class="nationality">' +
        '                    <i-select v-model="addObj.ownerInformation.nationality">' +
        '                      <i-option v-for="item in nationalityM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                  </strong>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 landline">座机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.landline"/></p>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 qq-h4">Q Q：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.QQ"/></p>' +
        '                </div>' +
        '              </div>' +
        '            </div>' +
        '          </div>' +
        '          <div class="owner-information-bottom">' +
        '            <h5>其他人联系信息</h5>' +
        '            <i-Form  :model="addObj.ownerInformation">' +
        '              <Form-item v-for="(item, index) in addObj.ownerInformation.otherContacts" :key="item.name">' +
        '                <div class="information-box information-box1">' +
        '                  <span class="head-portrait">' +
        '                    <img src="../../images/head-portrait.png" alt=""></span>' +
        '                  <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '                  <div class="information-box-left">' +
        '                    <div class="list-information">' +
        '                      <h4 class="spacing-h4 spacingName">姓名:</h4>' +
        '                      <input type="text" class="name-input" v-on:click="dropDown" v-model="addObj.ownerInformation.otherContacts[index].name"/>' +
        '                      <div class="xuanz"></div>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="item.mainPhone"/>' +
        '                    <em class="add-to" style="display: inline" v-show="item.mainPhone" @click="addPhone(index,1)"></em>' +
        '                  </p>' +
        '                  <div v-for="(nodeItem,nodeIndex) in item.otherPhone" :key="nodeItem">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.otherContacts[index].otherPhone[nodeIndex]"/>' +
        '                    <em class="del-to" style="display: inline" @click="delPhone(index,nodeIndex,1)"></em>' +
        '                  </p>' +
        '                   </div>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="wechat">微信：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.otherContacts[index].WeChat"/></p>' +
        '                    </div>' +
        '                  </div>' +
        '                  <!--&lt;!&ndash;右边&ndash;&gt;-->' +
        '                  <div class="information-box-right">' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 spacing-h4 spacingName ">关系:</h4>' +
        '                      <strong class="relationship">' +
        '                        <i-select v-model="addObj.ownerInformation.otherContacts[index].relationship">' +
        '                          <i-option v-for="item in relationshipM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                      </strong>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 landline">座机：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.otherContacts[index].landline"/></p>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 qq-h4">Q Q：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="addObj.ownerInformation.otherContacts[index].QQ"/></p>' +
        '                    </div>' +
        '                  </div>' +
        '                  <Button type="ghost" class="shanchu" @click="handleRemove(index)"></Button>' +
        '                </div>' +
        '              </Form-item>' +
        '            </i-Form>' +
        '          </div>' +
        '        </div>' +
        '        <div class="addBtnBox">' +
        '        <button @click="handleAdd" class="ownerAddBtn"></button>' +
        '        </div>' +
        '      </Tab-pane>' +
        '      <Tab-pane label="房源地图" name="name4">' +
        '        <!--地图导入开始-->' +
        '        <div class="map_api">' +
        '    <div :id="addMapId" style="height:90%"></div>' +
        '        </div>' +
        '  <div class="retrieval_button">' +
        '    <div class="school_button" @click="showSchoolMarker(0)">' +
        '      <div class="school_img"></div>' +
        '      <strong>学校</strong></div>' +
        '    <div class="hospital_button" @click="showSchoolMarker(1)">' +
        '      <div class="hospital_img"></div>' +
        '      <strong>医院</strong></div>' +
        '    <div class="Supermarket_button" @click="showSchoolMarker(2)">' +
        '      <div class="Supermarket_img"></div>' +
        '      <strong>超市</strong></div>' +
        '    <div class="Market_button" @click="showSchoolMarker(3)">' +
        '      <div class="Market_img"></div>' +
        '      <strong>商场</strong></div>' +
        '    <div class="Busstop_button" @click="showSchoolMarker(4)">' +
        '      <div class="Busstop_img"></div>' +
        '      <strong>公交站</strong></div>' +
        '  </div>' +
        '  <div id="r-result">' +
        '    <div class="r-result_img"></div>' +
        '    <input type="button"  :value="addEditPoint" @click="handleEditMarker" /></div>' +
        '  <div id="control">' +
        '    <div class="control_img"></div>' +
        '    <button @click="handleEditMapRange">{{addEditHouseText}}</button></div>' +
        '      </Tab-pane>' +
        '    </Tabs>' +
        '                <Tabs value="name1" @on-click="handleTabs"  :animated="false" v-show="currentShowType !== 2">' +
        '      <Tab-pane label="住宅明细" name="name1" >' +
        '        <div class="housing-details">' +

        '          <ul v-if="!isShowEditHouse">' +
        '            <li v-for="(item,index) in currentPrivateHomeInfo.livingInDetails" :key="item.value">' +
        '              <h4>{{currentPrivateHomeInfo.livingInDetails[index].key}}</h4>' +
        '              <input type="text" class="details-input" v-model="currentPrivateHomeInfo.livingInDetails[index].value">' +
        '            </li>' +
        '          </ul>' +
        '   </div>' +
        '      </Tab-pane>' +
        '                    <Tab-pane  label="图片视频" name="name2">' +
        '                        <div class="pictureVideo">' +
        '                            <div class="listings-pictures">' +
        '                                <h5>房源图片</h5>' +
        '                                <div class="demo-upload-list" v-for="item in uploadListA" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveA(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="uploadA"' +
        '                                        :show-upload-list="false"' +
        '                                        :default-file-list="currentPrivateHomeInfo.mediaInfo.imgList"' +
        '                                        :on-success="handleSuccessA"' +
        '                                        :data="requestData"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorA"' +
        '                                        :on-exceeded-size="handleMaxSizeA"' +
        '                                        :before-upload="handleBeforeUploadA"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                            <div class="listings-pictures">' +
        '                                <h5>360全景图片</h5>' +
        '                                <div class="demo-upload-list" v-for="item in uploadListB" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveB(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="uploadB"' +
        '                                        :data="requestData"' +
        '                                        :show-upload-list="false"' +
        '                                        :default-file-list="currentPrivateHomeInfo.mediaInfo.panorama"' +
        '                                        :on-success="handleSuccessB"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorB"' +
        '                                        :on-exceeded-size="handleMaxSizeB"' +
        '                                        :before-upload="handleBeforeUploadB"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                            <div class="listings-pictures">' +
        '                                <h5>45秒短视频合成</h5>' +
        '                                <div class="demo-upload-list" v-for="item in uploadListC" :key="item.uid">' +
        '                                    <div v-if="item.status === \'finished\'">' +
        '                                        <img :src="item.url">' +
        '                                        <div class="demo-upload-list-cover">' +
        '                                            <Icon type="ios-trash-outline"' +
        '                                                  @click.native="handleRemoveC(item)"></Icon>' +
        '                                        </div>' +
        '                                    </div>' +
        '                                </div>' +
        '                                <Upload' +
        '                                        ref="uploadC"' +
        '                                        :data="requestData"' +
        '                                        :show-upload-list="false"' +
        '                                        :default-file-list="currentPrivateHomeInfo.mediaInfo.videoInfo"' +
        '                                        :on-success="handleSuccessC"' +
        '                                        :format="[\'jpg\',\'jpeg\',\'png\']"' +
        '                                        :max-size="2048"' +
        '                                        :on-format-error="handleFormatErrorC"' +
        '                                        :on-exceeded-size="handleMaxSizeC"' +
        '                                        :before-upload="handleBeforeUploadC"' +
        '                                        multiple' +
        '                                        type="drag"' +
        '                                        action="http://up-z2.qiniu.com/"' +
        '                                >' +
        '                                </Upload>' +
        '                                <div class="xuanqu">' +
        '                                    <div class="xuantu">选取图片</div>' +
        '                                    <div class="picture-name"></div>' +
        '                                    <div class="upload">上传</div>' +
        '                                </div>' +
        '                            </div>' +
        '                        </div>' +
        '                    </Tab-pane>' +
        '<Tab-pane label="业主信息" name="name3" v-if="currentShowType === 0">' +
        '  <div class="owner-information clearfix">' +
        '    <div class="owner-information-top">' +
        '      <h5>业主信息</h5>' +
        '      <div class="information-box village-owner">' +
        '        <span class="head-portrait">' +
        '          <img src="../../images/head-portrait.png" alt=""></span>' +
        '        <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '        <div class="information-box-center">' +
        '          <ul>' +
        '            <li>' +
        '              <span class="jiange">姓 名：{{currentPrivateHomeInfo.ownerInformation.name}}</span>' +
        '              <span class="jiange">关 系：本人</span></li>' +
        '            <li>' +
        '              <span>房产证 ：{{currentPrivateHomeInfo.ownerInformation.propertyOwnershipCertificate}}</span>' +
        '              <span class="jiange">国 籍：{{currentPrivateHomeInfo.ownerInformation.nationality}}</span></li>' +
        '            <li>' +
        '              <span class="cnnt_sj_xl cnnt_sj_br">' +
        '                <Row>' +
        '                  <Col span="8">' +
        '                    <i-menu>' +
        '                      <Submenu name="cnnt_1">' +
        '                        <template slot="title">' +
        '                          <Icon type="ios-paper"></Icon>手机：{{currentPrivateHomeInfo.ownerInformation.mainPhone}}' +
        '                        </template>' +
        '                        <Menu-item name="1-1" v-for="item in currentPrivateHomeInfo.ownerInformation.otherPhone" :key="item">' +
        '                          <Icon type="ios-paper"></Icon>手机：{{item}}' +
        '                        </Menu-item>' +
        '                      </Submenu>' +
        '                    </i-menu>' +
        '                  </Col>' +
        '                </Row>' +
        '              </span>' +
        '              <span class="zj">' +
        '                <em>座机： {{currentPrivateHomeInfo.ownerInformation.landline}}</em></span>' +
        '            </li>' +
        '            <li>' +
        '              <span class="weixin">' +
        '                <em>微信：{{currentPrivateHomeInfo.ownerInformation.WeChat}}</em>' +
        '                <i>' +
        '                </i>' +
        '              </span>' +
        '              <span class="span-qq">' +
        '                <em>Q Q： {{currentPrivateHomeInfo.ownerInformation.QQ}}</em></span>' +
        '            </li>' +
        '          </ul>' +
        '        </div>' +
        '      </div>' +
        '    </div>' +
        '    <div class="owner-information-bottom owner-infor-btm-show">' +
        '      <h5>其他人联系信息</h5>' +
        '            <i-Form  :model="currentPrivateHomeInfo.ownerInformation">' +
        '              <Form-item v-for="(item, index) in currentPrivateHomeInfo.ownerInformation.otherContacts" :key="item.name">' +
        '                <div class="information-box information-box1">' +
        '                  <span class="head-portrait">' +
        '                    <img src="../../images/head-portrait.png" alt=""></span>' +
        '                  <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '                  <div class="information-box-left">' +
        '                    <div class="list-information">' +
        '                      <h4 class="spacing-h4">姓 名：</h4>' +
        '                       <span class="jiange">{{currentPrivateHomeInfo.ownerInformation.otherContacts[index].name}}</span>' +
        '                      <div class="xuanz"></div>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                       <span class="cnnt_sj_xl cnnt_sj_br">' +
        '                                <Row>' +
        '                  <Col span="8">' +
        '                    <i-menu>' +
        '                      <Submenu name="cnnt_1">' +
        '                        <template slot="title">' +
        '                          <Icon type="ios-paper"></Icon>手机：{{item.mainPhone}}' +
        '                        </template>' +
        '                        <Menu-item name="1-1" v-for="nodeItem in item.otherPhone" :key="nodeItem">' +
        '                          <Icon type="ios-paper"></Icon>手机：{{nodeItem}}' +
        '                        </Menu-item>' +
        '                      </Submenu>' +
        '                    </i-menu>' +
        '                  </Col>' +
        '                </Row>' +
        '                       </span>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="wechat">微信：</h4>' +
        '                      <p>' +
        '                       <span class="jiange">{{currentPrivateHomeInfo.ownerInformation.otherContacts[index].WeChat}}</span>' +
        '                       </p>' +
        '                    </div>' +
        '                  </div>' +
        '                  <!--&lt;!&ndash;右边&ndash;&gt;-->' +
        '                  <div class="information-box-right">' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 spacing-h4">关 系：</h4>' +
        '                       <span class="jiange">{{currentPrivateHomeInfo.ownerInformation.otherContacts[index].relationship}}</span>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 landline">座机：</h4>' +
        '                      <p>' +
        '                       <span class="jiange">{{currentPrivateHomeInfo.ownerInformation.otherContacts[index].landline}}</span>' +
        '                       </p>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 qq-h4">Q Q：</h4>' +
        '                      <p>' +
        '                       <span class="jiange">{{currentPrivateHomeInfo.ownerInformation.otherContacts[index].QQ}}</span>' +
        '                       </p>' +
        '                    </div>' +
        '                  </div>' +
        '                </div>' +
        '              </Form-item>' +
        '            </i-Form>' +
        '    </div>' +
        '  </div>' +
        '</Tab-pane>' +

        '      <Tab-pane label="业主信息" name="name3" v-else>' +
        '        <div class="owner-information">' +
        '          <div class="owner-information-top">' +
        '            <h5>业主信息</h5>' +
        '            <div class="information-box">' +
        '              <span class="head-portrait">' +
        '                <img src="../../images/head-portrait.png" alt=""></span>' +
        '              <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '              <div class="information-box-left">' +
        '                <div class="list-information">' +
        '                  <h4 class="spacing-h4 spacingName">姓名:</h4>' +
        '                  <input type="text" class="name-input" v-on:click="dropDown" v-model="currentPrivateHomeInfo.ownerInformation.name"/>' +
        '                  <div class="xuanz"></div>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 style="margin-top: 2px;">房产证 ：</h4>' +
        '                  <strong class="house-property">' +
        '                    <i-select v-model="currentPrivateHomeInfo.ownerInformation.propertyOwnershipCertificate">' +
        '                      <i-option v-for="item in house" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                  </strong>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.mainPhone"/>' +
        '                    <em class="add-to" style="display: inline" v-show="currentPrivateHomeInfo.ownerInformation.mainPhone" @click="addPhone(0,0)"></em>' +
        '                  </p>' +
        '                  <div class="addPhone" v-for="(item,index) in currentPrivateHomeInfo.ownerInformation.otherPhone" :key="item">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p class="addPhoneBtm">' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.otherPhone[index]"/>' +
        '                    <em class="del-to" style="display: inline" @click="delPhone(index,0,0)"></em>' +
        '                  </p>' +
        '                   </div>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="wechat">微信：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.WeChat"></p>' +
        '                </div>' +
        '              </div>' +
        '              <!-- &lt;!&ndash;右边&ndash;&gt;-->' +
        '              <div class="information-box-right">' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 spacing-h4 spacingName" style="margin: 4px 0;">关系:</h4>' +
        '                  <h4 style="margin-top: 5px;">本人</h4></div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 spacing-h4 spacingName" style="margin-top: 2px;">国籍:</h4>' +
        '                  <strong class="nationality">' +
        '                    <i-select v-model="currentPrivateHomeInfo.ownerInformation.nationality">' +
        '                      <i-option v-for="item in nationalityM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                  </strong>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 landline">座机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.landline"/></p>' +
        '                </div>' +
        '                <div class="list-information">' +
        '                  <h4 class="left-h4 qq-h4">Q Q：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.QQ"/></p>' +
        '                </div>' +
        '              </div>' +
        '            </div>' +
        '          </div>' +
        '          <div class="owner-information-bottom">' +
        '            <h5>其他人联系信息</h5>' +
        '            <i-Form  :model="currentPrivateHomeInfo.ownerInformation">' +
        '              <Form-item v-for="(item, index) in currentPrivateHomeInfo.ownerInformation.otherContacts" :key="item.name">' +
        '                <div class="information-box information-box1">' +
        '                  <span class="head-portrait">' +
        '                    <img src="../../images/head-portrait.png" alt=""></span>' +
        '                  <!--&lt;!&ndash;左边&ndash;&gt;-->' +
        '                  <div class="information-box-left">' +
        '                    <div class="list-information">' +
        '                      <h4 class="spacing-h4 spacingName">姓名:</h4>' +
        '                      <input type="text" class="name-input" v-on:click="dropDown" v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].name"/>' +
        '                      <div class="xuanz"></div>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="mobile-phone">手机：</h4>' +
        '                      <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="item.mainPhone"/>' +
        '                    <em class="add-to" style="display: inline" v-show="item.mainPhone" @click="addPhone(index,1)"></em>' +
        '                      </p>' +
        '                  <div v-for="(nodeItem,nodeIndex) in item.otherPhone" :key="nodeItem">' +
        '                  <h4 class="mobile-phone">手机：</h4>' +
        '                  <p>' +
        '                    <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].otherPhone[nodeIndex]"/>' +
        '                    <em class="del-to" style="display: inline" @click="delPhone(index,nodeIndex,1)"></em>' +
        '                  </p>' +
        '                   </div>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="wechat">微信：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].WeChat"/></p>' +
        '                    </div>' +
        '                  </div>' +
        '                  <!--&lt;!&ndash;右边&ndash;&gt;-->' +
        '                  <div class="information-box-right">' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 spacing-h4 spacingName ">关系:</h4>' +
        '                      <strong class="relationship">' +
        '                        <i-select v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].relationship">' +
        '                          <i-option v-for="item in relationshipM" :key="item.value" :value="item.value">{{item.label}}</i-option></i-select>' +
        '                      </strong>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 landline">座机：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].landline"/></p>' +
        '                    </div>' +
        '                    <div class="list-information">' +
        '                      <h4 class="left-h4 qq-h4">Q Q：</h4>' +
        '                      <p>' +
        '                        <input type="text" class="cell-phone-number" v-model="currentPrivateHomeInfo.ownerInformation.otherContacts[index].QQ"/></p>' +
        '                    </div>' +
        '                  </div>' +
        '                  <Button type="ghost" class="shanchu" @click="handleRemove(index)"></Button>' +
        '                </div>' +
        '              </Form-item>' +
        '            </i-Form>' +
        '          </div>' +
        '        </div>' +
        '        <div class="addBtnBox">' +
        '        <Button type="dashed" long @click="handleAdd" class="ownerAddBtn"></Button>' +
        '        </div>' +
        '      </Tab-pane>' +
        '                    <Tab-pane label="业主回访" name="name41">' +
        '                        <div class="owner-visit">' +
        '                            <div class="owner-visit-box">' +
        '                                <ul>' +
        '                                   <li v-for="item in currentPrivateHomeInfo.employerReturnVisitInfo" :key="item.uid">' +
        '                                       <look-visit v-if="item.status === 0" :data-obj="item"></look-visit>' +
        '                                       <call-back v-else-if="item.status === 1" :data-obj="item"></call-back>' +
        '                                       <plan-return-visit v-else-if="item.status === 2" :data-obj="item"></plan-return-visit>' +
        '                                   </li>' +
        '                                </ul>' +
        '                            </div>' +
        '                            <div class="visit-addBtn" @click="handleShowReturnVisitPlanModal">' +
        '                            </div>' +
        '                        </div>' +
        '                    </Tab-pane>' +
        '                    <Tab-pane label="带看记录" name="name51">' +
        '                        <div class="see-record">' +
        '                            <div class="see-record-box">' +
        '                                <div class="see-record-center">' +
        '                                    <i-table :columns="seeRecord" :data="currentPrivateHomeInfo.seeRecord"' +
        '                                             ref="table"></i-table>' +
        '                                </div>' +
        '                            </div>' +
        '                        </div>' +
        '                    </Tab-pane>' +
        '                    <Tab-pane label="成交记录" name="name61">' +
        '                        <div class="see-record closingRecord">' +
        '                            <div class="see-record-box">' +
        '                                <div class="see-record-center">' +
        '                                    <i-table :columns="closingRecord" :data="currentPrivateHomeInfo.closingRecord"' +
        '                                             ref="table"></i-table>' +
        '                                </div>' +
        '                            </div>' +
        '                        </div>' +
        '                    </Tab-pane>' +
        '                    <Tab-pane label="房源地图" name="name71">' +
        '  <!--地图导入开始-->' +
        '  <div class="map_api">' +
        '    <div :id="mapId" style="height:90%"></div>' +
        '  </div>' +
        '  <div class="retrieval_button">' +
        '    <div class="school_button" @click="showSchoolMarker(0)">' +
        '      <div class="school_img"></div>' +
        '      <strong>学校</strong></div>' +
        '    <div class="hospital_button" @click="showSchoolMarker(1)">' +
        '      <div class="hospital_img"></div>' +
        '      <strong>医院</strong></div>' +
        '    <div class="Supermarket_button" @click="showSchoolMarker(2)">' +
        '      <div class="Supermarket_img"></div>' +
        '      <strong>超市</strong></div>' +
        '    <div class="Market_button" @click="showSchoolMarker(3)">' +
        '      <div class="Market_img"></div>' +
        '      <strong>商场</strong></div>' +
        '    <div class="Busstop_button" @click="showSchoolMarker(4)">' +
        '      <div class="Busstop_img"></div>' +
        '      <strong>公交站</strong></div>' +
        '  </div>' +
        '  <div id="r-result">' +
        '    <div class="r-result_img"></div>' +
        '    <input type="button"  :value="editPoint" @click="handleEditMarker" /></div>' +
        '  <div id="control">' +
        '    <div class="control_img"></div>' +
        '    <button @click="handleEditMapRange">{{editHouseText}}</button></div>' +
        '                   </Tab-pane>' +
        '                </Tabs>' +
        '            </div>' +
        '        </div>' +
        '        <div class="details-but">' +
        '            <div class="details-but-left"></div>' +
        '            <a href="javascript:;" class="shuaxin"></a>' +
        '            <div class="details-but-right"></div>' +
        '        </div>' +
        '    </div>' +
        '    <div class="zhezhao"></div>' +
        '   <return-visit-plan-modal v-model="isShowReturnVisitPlanModal"></return-visit-plan-modal>' +
        '</div>',
        model: {
            prop: 'show',
            event: 'change-show'
        },
        props: {
            showType: {
                type: Number,
                default: 0
            },
            show: {
                type: Boolean,
                default: false
            },
            privateHomeInfo: {
                type: Object,
                default: function () {
                    return {}
                }
            },
            mapId: {
                type: String
            },
            addMapId: {
                type: String
            }
        },
        watch: {
            privateHomeInfo: function () {
                this.currentPrivateHomeInfo = JSON.parse(JSON.stringify(this.privateHomeInfo))
                if (this.currentPrivateHomeInfo.livingInDetails.length % 2 !== 0) {
                    this.currentPrivateHomeInfo.livingInDetails.push({
                        key: '',
                        value: '',
                        show: true
                    })
                }
                this.amap = new editMap(this.mapId, this.currentPrivateHomeInfo.mapInfo)
            },
            show: function (val) {
                this.$data.insideShow = val
            },
            insideShow: function (val) {
                this.$emit('change-show', val)
            },
            showType: function (val) {
                this.$data.currentShowType = val
            },
            currentShowType: function (val) {
                if (val === 1) {
                    this.province.push(this.currentPrivateHomeInfo.houseInfo.city)
                    this.province.push(this.currentPrivateHomeInfo.houseInfo.area)
                }else if (val === 2){
                    // 请求系统字段模板
                }
                this.$emit('change-show-type', val)
            }
        },
        data: function () {
            return {
                operationText: '提交审核',
                currentPrivateHomeInfo: {
                    decorationInfo: {
                        decorationGrade: '',
                        decorationYears: '',
                        decorationStyle: ''
                    },
                    publicStatus: 0,
                    id: 0,
                    doorInfo: {
                        room: '',
                        living: '',
                        bathroom: '',
                        balcony: '',
                        orientation: '',
                        roomBuildingArea: ''
                    },
                    remark: '',
                    isPrivate: true,
                    status: 0,
                    introPrice: {
                        price: '',
                        packageTax: '',
                        lowPrice: '',
                        originalPurchase: ''
                    },
                    principal: {
                        delegateTime: '',
                        commissionMode: '',
                        managementFees: '',
                        delegateNumber: '',
                        source: '',
                        deliveryTime: '',
                        paymentMethod: '',
                        commission: ''
                    },
                    livingInDetails: [
                        {
                            key: '显示字段',
                            value: '显示字段',
                            show: false
                        },
                        {
                            key: '自定义字段',
                            value: '自定义字段',
                            show: true
                        }
                    ],
                    houseInfo: {
                        unit: '',
                        province: '',
                        area: '',
                        location: '',
                        address: '',
                        buildingBlock: '',
                        city: '',
                        totalLayer: '',
                        floor: '',
                        room: '',
                        buildingArea: '',
                        propertyType: '',
                        propertyUse: ''
                    },
                    housingConditions: {
                        propertyRight: '',
                        certificates: '',
                        goods: '',
                        furniture: ''
                    },
                    seeRecord: [
                        {
                            seeTime: '',
                            seeCustomer: '',
                            seePeople: '',
                            purchaseIntention: '',
                            status: 0
                        }
                    ],
                    closingRecord: [
                        {
                            closingTime: '',
                            closingCustomer: '',
                            salesperson: '',
                            acreage: '',
                            transactionPrice: ''
                        }
                    ],
                    enterInfo: {
                        name: '',
                        enterTime: ''
                    },
                    title: '',
                    ownerInformation: {
                        name: '',
                        mainPhone: '',
                        otherPhone: [],
                        relationship: '',
                        WeChat: '',
                        QQ: '',
                        landline: '',
                        otherContacts: [
                            {
                                name: '',
                                relationship: '',
                                landline: '',
                                WeChat: '',
                                QQ: '',
                                mainPhone: '',
                                otherPhone: []
                            }
                        ],
                        propertyOwnershipCertificate: '',
                        nationality: ''
                    },
                    mediaInfo: {
                        imgList: [],
                        panorama: [],
                        videoInfo: []
                    },
                    mapInfo: {
                        path: [],
                        place: []
                    },
                    employerReturnVisitInfo: {
                        status: 94506,
                        visitingPerson: '',
                        revisitDays: '',
                        returnVisitType: '',
                        contentText: '',
                        imgList: '',
                        seeStatus: 60302,
                        intentionState: 69989
                    }
                },
                currentShowType: 0,
                requestData: {
                    token: ''
                },
                addEditPoint: '修改坐标点',
                addEditHouseText: '绘制房源范围',
                editHouseText: '绘制房源范围',
                editPoint: '修改坐标点',
                isShowReturnVisitPlanModal: false,
                isPublicHouse: true,
                amap: {},
                addAmap: {},
                insideShow: this.show,
                /*业主信息的房产证*/
                houseProperty: "nomal",
                house: [
                    {label: "房产证1", value: "房产证1"},
                    {label: "房产证2", value: "房产证2"},
                ],
                /*业主信息中的其他人信息的关系*/
                relationshipM: [
                    {label: "夫妻", value: "夫妻"},
                    {label: "父子", value: "父子"},
                ],
                addObj: {
                    decorationInfo: {
                        decorationGrade: '',
                        decorationYears: '',
                        decorationStyle: ''
                    },
                    publicStatus: 0,
                    id: "",
                    doorInfo: {
                        room: '',
                        living: '',
                        bathroom: '',
                        balcony: '',
                        orientation: '',
                        roomBuildingArea: ''
                    },
                    remark: '',
                    isPrivate: true,
                    status: 0,
                    introPrice: {
                        price: '',
                        packageTax: '',
                        lowPrice: '',
                        originalPurchase: ''
                    },
                    principal: {
                        delegateTime: '',
                        commissionMode: '',
                        managementFees: '',
                        delegateNumber: '',
                        source: '',
                        deliveryTime: '',
                        paymentMethod: '',
                        commission: ''
                    },
                    livingInDetails: [
                        {
                            key: '显示字段',
                            value: '显示字段',
                            show: false
                        },
                        {
                            key: '自定义字段',
                            value: '自定义字段',
                            show: true
                        }
                    ],
                    houseInfo: {
                        unit: '',
                        province: '',
                        area: '',
                        location: '',
                        address: '',
                        buildingBlock: '',
                        city: '',
                        totalLayer: '',
                        floor: '',
                        room: '',
                        buildingArea: '',
                        propertyType: '',
                        propertyUse: ''
                    },
                    housingConditions: {
                        propertyRight: '',
                        certificates: '',
                        goods: '',
                        furniture: ''
                    },
                    seeRecord: [],
                    closingRecord: [],
                    enterInfo: {
                        name: '',
                        enterTime: ''
                    },
                    title: '',
                    ownerInformation: {
                        name: '',
                        mainPhone: '',
                        otherPhone: [],
                        relationship: '',
                        WeChat: '',
                        QQ: '',
                        landline: '',
                        otherContacts: [
                            {
                                name: '',
                                relationship: '',
                                landline: '',
                                WeChat: '',
                                QQ: '',
                                mainPhone: '',
                                otherPhone: []
                            }
                        ],
                        propertyOwnershipCertificate: '',
                        nationality: ''
                    },
                    mediaInfo: {
                        imgList: [],
                        panorama: [],
                        videoInfo: []
                    },
                    mapInfo: {
                        path: [],
                        place: []
                    },
                    employerReturnVisitInfo: {
                        status: 94506,
                        visitingPerson: '',
                        revisitDays: '',
                        returnVisitType: '',
                        contentText: '',
                        imgList: '',
                        seeStatus: 60302,
                        intentionState: 69989
                    }
                },
                /*新增筛选*/
                newHousing: "",
                newHousingM: [

                    {label: "新增住宅", value: "新增住宅"},
                    {label: "新增民宅", value: "新增民宅"},
                    {label: "新增厂房", value: "新增厂房"},
                    {label: "新增土地", value: "新增土地"},
                ],
                /*默认排序*/
                sort: [
                    {
                        value: 'morenpaixuy',
                        label: '默认排序1',
                    },
                    {
                        value: 'morenpaixue',
                        label: '默认排序2'
                    },
                    {
                        value: 'morenpaixus',
                        label: '默认排序3'
                    }
                ],
                defaultSort: '',
                /*行政区域*/
                /*省份城市选择*/
                data: [
                    {
                        value: '海口市',
                        label: '海口市',
                        children: [
                            {
                                value: '美兰区',
                                label: '美兰区',
                            }, {
                                value: '龙华区',
                                label: '龙华区',
                            }
                            , {
                                value: '琼山区',
                                label: '琼山区',
                            }
                        ]
                    },
                    {
                        value: '三亚市',
                        label: '三亚市',
                        children: [
                            {
                                value: '天涯区',
                                label: '天涯区',
                            }
                        ],
                    },
                    /*默认排序*/

                ],
                /*业主信息的国籍*/
                nationality: "nomal",
                nationalityM: [
                    {label: "中国", value: "中国"},
                    {label: "美国", value: "美国"},
                ],
                province: [],
                /*所属片区*/
                cellName: "",
                cell: [
                    {label: "片区1", value: "片区1"},
                    {label: "片区2", value: "片区2"},
                ],


                /*朝向*/
                orientation: "nomal",
                orientationM: [
                    {label: "朝南", value: "strong"},
                    {label: "朝北", value: "normal"},
                ],

                /*委托方式*/
                commissionMode: "nomal",
                commission: [
                    {label: "委托方式", value: "strong"},
                    {label: "委托方式", value: "normal"},
                ],
                /*来源*/
                source: "nomal",
                sourceM: [
                    {label: "来源", value: "strong"},
                    {label: "来源2", value: "normal"},
                ],

                /*装修等级*/
                decorationGrade: "nomal",
                decoration: [
                    {label: "精装", value: "strong"},
                    {label: "普通", value: "normal"},
                ],
                /*装修年限*/
                decorationYears: "nomal",
                years: [
                    {label: "5年", value: "strong"},
                    {label: "10年", value: "normal"},
                ],
                /*装修风格*/
                decorationStyle: "nomal",
                style: [
                    {label: "中国风", value: "strong"},
                    {label: "龙卷风", value: "normal"},
                ],

                /*产权*/
                propertyRight: "nomal",
                property: [
                    {label: "产权", value: "strong"},
                    {label: "产权2", value: "normal"},
                ],
                /*证件*/
                certificates: "nomal",
                certificatesM: [
                    {label: "身份证", value: "strong"},
                    {label: "结婚证", value: "normal"},
                ],
                /*付款*/
                payment: "nomal",
                paymentM: [
                    {label: "转账", value: "strong"},
                    {label: "现金", value: "normal"},
                ],

                /*家电*/
                electric: "nomal",
                electricM: [
                    {label: "空调", value: "strong"},
                    {label: "冰箱", value: "normal"},
                ],
                /*家具*/
                furniture: "nomal",
                furnitureM: [
                    {label: "沙发", value: "strong"},
                    {label: "床", value: "normal"},
                ],

                /*付佣*/
                payCommission: "nomal",
                pay: [
                    {label: "付佣", value: "strong"},
                    {label: "付佣2", value: "normal"},
                ],

                //右边tab
                /*图片上传*/
                defaultList: [
                    {
                        'name': '1',
                        'url': 'images/1.png'
                    },
                    {
                        'name': '2',
                        'url': 'images/2.png'
                    },
                    {
                        'name': '1',
                        'url': 'images/1.png'
                    }
                ],
                imgName: '',
                visible: false,
                uploadListA: [],
                uploadListB: [],
                uploadListC: [],
                addUploadListA: [],
                addUploadListB: [],
                addUploadListC: [],


                /*带看记录列表*/
                seeRecord: [
                    {
                        title: '带看时间',
                        key: 'seeTime',
                    },
                    {
                        title: '看房客户',
                        key: 'seeCustomer',
                    },
                    {
                        title: '带看人',
                        key: 'seePeople',
                    },
                    {
                        title: '购买意向',
                        key: 'purchaseIntention',
                        render: function (h, params) {
                            var style = ''
                            switch (params.row.code) {
                                case 0: {
                                    style = 'yxql'
                                    break
                                }
                                case 1: {
                                    break
                                }
                            }
                            return h('div', {
                                attrs: {
                                    class: style
                                }
                            }, [
                                h('span', params.row.purchaseIntention)
                            ])
                        }
                    },
                    {
                        title: '带看详情',
                        key: 'seeDetails',
                    }
                ],
                /*成交记录列表*/
                closingRecord: [
                    {
                        title: '成交时间',
                        key: 'closingTime',
                    },
                    {
                        title: '成交客户',
                        key: 'closingCustomer',
                    },
                    {
                        title: '销售员',
                        key: 'salesperson',
                    },
                    {
                        title: '面积',
                        key: 'acreage',
                    },
                    {
                        title: '成交价格',
                        key: 'transactionPrice',
                    },
                    {
                        title: '操作',
                        render: (function (h, params) {
                            return h('Tooltip', {
                                attrs: {
                                    placement: 'top',
                                    content: '查看'
                                }
                            }, [
                                h('p', {
                                    attrs: {
                                        class: 'eyes p-click',
                                        type: 'primary'
                                    },
                                    on: {
                                        click: function () {
                                            console.log(params.row.closingTime)
                                        }
                                    }
                                })
                            ])
                        })
                    }
                ],
                releaseStyle: {
                    'release': false,
                    'audit': false,
                    'wait': false
                },
                isShowAddHouse: false,
                isShowEditHouse: false

            }
        },
        computed: {
            releaseMsg: function () {
                var releaseMsg = ''
                switch (this.currentPrivateHomeInfo.status) {
                    case "0": {
                        this.releaseStyle.release = true
                        releaseMsg = '可发布'
                        this.operationText = '发布房源'
                        break
                    }
                    case "1": {
                        this.releaseStyle.audit = true
                        releaseMsg = '审核中'
                        this.operationText = '取消审核'
                        break
                    }
                    case "2": {
                        this.releaseStyle.wait = true
                        releaseMsg = '待审核'
                        this.operationText = '提交审核'
                        break
                    }
                }
                return releaseMsg
            }
        },
        methods: {
            addPhone: function (index, state) {
                if (this.currentShowType === 1) {
                    if (state === 0) {
                        this.currentPrivateHomeInfo.ownerInformation.otherPhone.push('')
                    } else {
                        this.currentPrivateHomeInfo.ownerInformation.otherContacts[index].otherPhone.push('')
                    }
                } else {
                    if (state === 0) {
                        this.addObj.ownerInformation.otherPhone.push('')
                    } else {
                        this.addObj.ownerInformation.otherContacts[index].otherPhone.push('')
                    }
                }
            },
            delPhone: function (index, nodeIndex, state) {
                if (this.currentShowType === 1) {
                    if (state === 0) {
                        this.currentPrivateHomeInfo.ownerInformation.otherPhone.splice(index, 1)
                    } else {
                        this.currentPrivateHomeInfo.ownerInformation.otherContacts[index].otherPhone.splice(nodeIndex, 1)
                    }
                } else {
                    if (state === 0) {
                        this.addObj.ownerInformation.otherPhone.splice(index, 1)
                    } else {
                        this.addObj.ownerInformation.otherContacts[index].otherPhone.splice(nodeIndex, 1)
                    }
                }
            },
            showSchoolMarker: function (index) {
                var tempMap = {}
                if (this.currentShowType === 2) {
                    tempMap = this.addAmap
                } else {
                    tempMap = this.amap
                }
                switch (index) {
                    case 0: {
                        tempMap.search('学校')
                        break
                    }
                    case 1: {
                        tempMap.search('医院')
                        break
                    }
                    case 2: {
                        tempMap.search('超市')
                        break
                    }
                    case 3: {
                        tempMap.search('商场')
                        break
                    }
                    case 4: {
                        tempMap.search('公交车站')
                        break
                    }
                }
            },
            handleTabs: function (name) {
                if (name === 'name2' && this.currentShowType === 2) {
                    this.addUploadListA = this.$refs.addUploadA.fileList;
                    this.addUploadListB = this.$refs.addUploadB.fileList;
                    this.addUploadListC = this.$refs.addUploadC.fileList;
                }
                if (name === 'name2') {
                    this.uploadListA = this.$refs.uploadA.fileList;
                    this.uploadListB = this.$refs.uploadB.fileList;
                    this.uploadListC = this.$refs.uploadC.fileList;
                }
            },
            handleEditMarker: function () {

                if (this.currentShowType === 1) {
                    this.amap.editMarker()
                    if (this.amap.isEditMarker) {
                        this.editPoint = '保存坐标点'
                    } else {
                        this.editPoint = '修改坐标点'
                    }
                } else if (this.currentShowType === 2) {
                    this.addAmap.editMarker()
                    if (this.addAmap.isEditMarker) {
                        this.addEditPoint = '保存坐标点'
                    } else {
                        this.addEditPoint = '修改坐标点'
                    }
                } else {
                    this.$Message.warning('请进入编辑模式')
                }
            },
            handleEditMapRange: function () {
                if (this.currentShowType === 1) {
                    this.amap.editPolygon()
                    if (this.amap.isEditPolygon) {
                        this.editHouseText = '保存绘制范围'
                    } else {
                        this.editHouseText = '绘制房源范围'
                    }
                } else if (this.currentShowType === 2) {
                    this.addAmap.editPolygon()
                    if (this.addAmap.isEditPolygon) {
                        this.addEditHouseText = '保存绘制范围'
                    } else {
                        this.addEditHouseText = '绘制房源范围'
                    }

                } else {
                    this.$Message.warning('请进入编辑模式')
                }
            },
            handleShowReturnVisitPlanModal: function () {
                this.isShowReturnVisitPlanModal = true
            },
            handleCancelAddHouse: function () {
                this.currentShowType = 0
            },
            handleSaveHouse: function () {
                var that = this
                this.addObj.houseInfo.city = this.province[0]
                this.addObj.houseInfo.area = this.province[1]
                this.addObj.principal.delegateTime = resolutionTime(this.addObj.principal.delegateTime)
                this.addObj.principal.deliveryTime = resolutionTime(this.addObj.principal.deliveryTime)
                this.addObj.mapInfo.path = this.addAmap.newPath
                this.addObj.mapInfo.place = this.addAmap.markerSpot
                this.addObj.enterInfo.name = localStorage.name
                this.addObj.enterInfo.enterTime = getCurrentTime()
                api.PostAddPrivateHouse(this.addObj)
                    .done(function (res) {
                        if (res.IsSuccess) {
                            that.$emit('on-add', res.ResultObject)
                            that.$Message.success('添加成功')
                            that.handleClose()
                        } else {
                            that.$Message.error(res.ErrMsg)
                        }
                    })
                    .fail(function (res) {
                        that.$Message.error(res.ErrMsg)
                    })
            },
            addHouse: function () {
                this.currentShowType = 2
            },
            editHouseInfo: function () {
                this.currentShowType = 1
            },
            handleSaveEditHouse: function () {
                var that = this
                this.currentPrivateHomeInfo.houseInfo.city = this.province[0]
                this.currentPrivateHomeInfo.houseInfo.area = this.province[1]
                this.currentPrivateHomeInfo.principal.delegateTime = resolutionTime(this.currentPrivateHomeInfo.principal.delegateTime)
                this.currentPrivateHomeInfo.principal.deliveryTime = resolutionTime(this.currentPrivateHomeInfo.principal.deliveryTime)
                api.PostEditPrivateHouse(this.currentPrivateHomeInfo)
                    .done(function (res) {
                        if (res.IsSuccess) {
                            that.$emit('on-edit', res.ResultObject)
                            that.currentPrivateHomeInfo = res.ResultObject
                            that.$Message.success(res.ErrMsg)
                            that.currentShowType = 0
                        } else {
                            that.$Message.error(res.ErrMsg)
                        }
                    })
                    .fail(function (res) {
                        that.$Message.error(res.ErrMsg)
                    })
            },
            handleCloseEdit: function () {
                this.currentShowType = 0
            },
            handleHouseToPrivate: function () {
                // 锁定私盘
                this.isPublicHouse = !this.isPublicHouse
            },
            releaseHouse: function () {
                // 发布房源
                switch (this.currentPrivateHomeInfo.status) {
                    case 0: {
                        this.$Message.success("发布成功")
                        break
                    }
                    case 1: {
                        this.$Message.warning("666")
                        break
                    }
                    case 2: {
                        this.$Message.error('发布失败，当前正处于待审核阶段')
                        break
                    }
                }
            },
            handleClose: function () {
                this.insideShow = false
            },
            search: function () {
                $.get(function (data) {
                    bus.$emit(data);//通过 bus 发布事件.
                });
            },
            close: function () {
                this.insideShow = false
                this.currentShowType = 0
            },

            /*房源图片*/
            handleViewA: function (name) {
                this.imgName = name;
                this.visible = true;
            },
            handleRemoveA: function (file) {
                var filelist = []
                switch (this.currentShowType) {
                    case 1: {
                        filelist = this.$refs.uploadA.fileList;
                        this.$refs.uploadA.fileList.splice(filelist.indexOf(file), 1);
                        this.currentPrivateHomeInfo.mediaInfo.imgList.splice(filelist.indexOf(file), 1)
                        this.uploadListA = this.$refs.uploadA.fileList;
                        break
                    }
                    case 2: {
                        filelist = this.$refs.addUploadA.fileList;
                        this.$refs.addUploadA.fileList.splice(filelist.indexOf(file), 1);
                        this.addObj.mediaInfo.imgList.splice(filelist.indexOf(file), 1)
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleSuccessA: function (res, file) {
                // 房源图片上传成功回调
                file.url = 'http://ovkxqgmua.bkt.clouddn.com/' + res.key;
                file.name = res.key;
                switch (this.currentShowType) {
                    case 1: {
                        this.currentPrivateHomeInfo.mediaInfo.imgList.push({
                            name: file.name,
                            url: file.url
                        })
                        this.uploadListA = this.$refs.uploadA.fileList;
                        break
                    }
                    case 2: {
                        this.addObj.mediaInfo.imgList.push({
                            name: file.name,
                            url: file.url
                        })
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleFormatErrorA: function (file) {
                this.$Notice.warning({
                    title: '文件格式不正确',
                    desc: '文件 ' + file.name + ' 格式不正确，请上传 jpg 或 png 格式的图片。'
                });
            },
            handleMaxSizeA: function (file) {
                this.$Notice.warning({
                    title: '超出文件大小限制',
                    desc: '文件 ' + file.name + ' 太大，不能超过 2M。'
                });
            },
            handleBeforeUploadA: function () {
                var check = this.uploadListA.length < 5;
                if (!check) {
                    this.$Notice.warning({
                        title: '最多只能上传 5 张图片。'
                    });
                }
                return check;
            },

            /* 360全景图片*/
            handleViewB: function (name) {
                this.imgName = name;
                this.visible = true;
            },
            handleRemoveB: function (file) {
                var filelist = []
                switch (this.currentShowType) {
                    case 1: {
                        filelist = this.$refs.uploadB.fileList;
                        this.$refs.uploadB.fileList.splice(filelist.indexOf(file), 1);
                        this.currentPrivateHomeInfo.mediaInfo.panorama.splice(filelist.indexOf(file), 1)
                        this.uploadListB = this.$refs.uploadB.fileList;
                        break
                    }
                    case 2: {
                        filelist = this.$refs.addUploadB.fileList;
                        this.$refs.addUploadB.fileList.splice(filelist.indexOf(file), 1);
                        this.addObj.mediaInfo.panorama.splice(filelist.indexOf(file), 1)
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleSuccessB: function (res, file) {
                // 全景图片上传成功回调
                file.url = 'http://ovkxqgmua.bkt.clouddn.com/' + res.key;
                file.name = res.key;
                switch (this.currentShowType) {
                    case 1: {
                        this.currentPrivateHomeInfo.mediaInfo.panorama.push({
                            name: file.name,
                            url: file.url
                        })
                        this.uploadListB = this.$refs.uploadB.fileList;
                        break
                    }
                    case 2: {
                        this.addObj.mediaInfo.panorama.push({
                            name: file.name,
                            url: file.url
                        })
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleFormatErrorB: function (file) {
                this.$Notice.warning({
                    title: '文件格式不正确',
                    desc: '文件 ' + file.name + ' 格式不正确，请上传 jpg 或 png 格式的图片。'
                });
            },
            handleMaxSizeB: function (file) {
                this.$Notice.warning({
                    title: '超出文件大小限制',
                    desc: '文件 ' + file.name + ' 太大，不能超过 2M。'
                });
            },
            handleBeforeUploadB: function () {
                var check = this.uploadListB.length < 5;
                if (!check) {
                    this.$Notice.warning({
                        title: '最多只能上传 5 张图片。'
                    });
                }
                return check;
            },

            /* 45秒短视频合成*/
            handleViewC: function (name) {
                this.imgName = name;
                this.visible = true;
            },
            handleRemoveC: function (file) {
                var filelist = []
                switch (this.currentShowType) {
                    case 1: {
                        filelist = this.$refs.uploadC.fileList;
                        this.$refs.uploadC.fileList.splice(filelist.indexOf(file), 1);
                        this.currentPrivateHomeInfo.mediaInfo.videoInfo.splice(filelist.indexOf(file), 1)
                        this.uploadListC = this.$refs.uploadC.fileList;
                        break
                    }
                    case 2: {
                        filelist = this.$refs.addUploadC.fileList;
                        this.$refs.addUploadC.fileList.splice(filelist.indexOf(file), 1);
                        this.addObj.mediaInfo.videoInfo.splice(filelist.indexOf(file), 1)
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleSuccessC: function (res, file) {
                // 45秒短视频合成上传成功回调
                file.url = 'http://ovkxqgmua.bkt.clouddn.com/' + res.key;
                file.name = res.key;
                switch (this.currentShowType) {
                    case 1: {
                        this.currentPrivateHomeInfo.mediaInfo.videoInfo.push({
                            name: file.name,
                            url: file.url
                        })
                        this.uploadListC = this.$refs.uploadC.fileList;
                        break
                    }
                    case 2: {
                        this.addObj.mediaInfo.videoInfo.push({
                            name: file.name,
                            url: file.url
                        })
                        break
                    }
                    default: {
                        this.$Message.warning('请进入编辑模式')
                        break
                    }
                }
            },
            handleFormatErrorC: function (file) {
                this.$Notice.warning({
                    title: '文件格式不正确',
                    desc: '文件 ' + file.name + ' 格式不正确，请上传 jpg 或 png 格式的图片。'
                });
            },
            handleMaxSizeC: function (file) {
                this.$Notice.warning({
                    title: '超出文件大小限制',
                    desc: '文件 ' + file.name + ' 太大，不能超过 2M。'
                });
            },
            handleBeforeUploadC: function () {
                var check = this.uploadListC.length < 5;
                if (!check) {
                    this.$Notice.warning({
                        title: '最多只能上传 5 张图片。'
                    });
                }
                return check;
            },
            /*业主信息添加*/
            handleAdd: function (index) {
                if (this.currentShowType === 2) {
                    this.addObj.ownerInformation.otherContacts.push({
                        name: '',
                        relationship: '',
                        phone: '',
                        landline: '',
                        WeChat: '',
                        QQ: '',
                        mainPhone: '',
                        otherPhone: []
                    });
                } else if (this.currentShowType === 1) {
                    this.currentPrivateHomeInfo.ownerInformation.otherContacts.push({
                        name: '',
                        relationship: '',
                        phone: '',
                        landline: '',
                        WeChat: '',
                        QQ: '',
                        mainPhone: '',
                        otherPhone: []
                    });
                }

            },
            handleRemove: function (index) {
                if (this.currentShowType === 2) {
                    this.addObj.ownerInformation.otherContacts.splice(index, 1);
                } else if (this.currentShowType === 1) {
                    this.currentPrivateHomeInfo.ownerInformation.otherContacts.splice(index, 1);
                }
            },
            dropDown: function () {
                $(".name-input").bind("input propertychange", function () {
                    var thist = $(this)
                    thist.next().show().html("<em>" + thist.val() + "先生" + "</em>" + "<em>" + thist.val() + "女士" + "</em>");
                    $(".xuanz em").click(function () {
                        thist.val($(this).text());
                        $(".xuanz").hide();
                    })
                })
            },
            /*/!* 输入手机号后出现可点击添加按钮*!/*/
            InputEvents: function () {
                $(".cell-phone-number").bind("input propertychange", function () {
                    var thist = $(this);
                    thist.next().show();
                })
            },

        },
        created: function () {
            var that = this
            api.fetchQnToken()
                .done(function (res) {
                    that.requestData.token = res.token
                })
        },
        mounted: function () {
            this.addAmap = new editMap(this.addMapId)
        }
    }
    return privateResidenceModal
})
